<script setup lang="ts">
import { list, actions } from './data'

const onClickListItem = (val: any) => {
  console.log(val)
}
const onClickAction = (val: any) => {
  console.log(val)
}
</script>

<template>
  <div>
    <!-- <ui-notification :value="50" />
    <br />
    <br />
    <br />
    <ui-notification :value="50" :max="30" />
    <br />
    <br />
    <br />
    <ui-notification :value="50" :max="30" isDot />
    <br />
    <br />
    <br />
    <ui-notification :value="50" :max="30" isDot icon="ArrowUp" />
    <br />
    <br />
    <br /> -->
    <ui-notification :value="50" :max="30">
      <ui-list @clickListItem="onClickListItem" @clickAction="onClickAction" :list="list" :actions="actions" />
    </ui-notification>
  </div>
</template>

<style lang="scss" scoped></style>
